/**
 * @Name:  Fragments
 * @Author:
 * @Desc:
 * @Date: 2021-01-13 09:25:16
 */
import React, { Component } from "react";
import { Title, HighLightJs } from "@/component";
import styles from "@/pages/ReactAdvancedGuides/styles.module.less";

const highOne = `<Fragment>
  <p>12</p>
  <p>12</p>
</Fragment>`;
class Fragments extends Component {
  render() {
    return (
      <div className={styles.block}>
        <Title text={"Accessibility-无障碍"} />
        <codearea>
          <p>
            <codes>Fragment</codes>可做块标签，特殊在于其不在dom元素中显示
          </p>
          <HighLightJs type="JavaScript" data={highOne} />
        </codearea>
      </div>
    );
  }
}

export default Fragments;
